.test > div {
    float: left;
    background-color: #8b8b8b;
    line-height: 50px;
    height: 50px;
    width: 100px;
    text-align: center;
}
/*大于符号 只正对第一个*/
.test > div > div {
    display: none;
    position: absolute;
    width: 100px;
    text-align: center;
}
.test > div > div div{
    padding: 20px;
    line-height: 50px;
    height: 50px;
    background-color: #8b8b8b;
}
/*对第一级目录进行鼠标样式*/
.test > div:hover {
    background-color: #e69137;
}
/*对第二级目录*/
.test > div > div div:hover {
    background-color: red;
}
/*鼠标放到上级div，下级div显示*/
.test > div:hover > div {
    display: block;
}